<div class="modal-header">
    <button type="button" class="close" ng-click="reports_modal.cancel()">
        <i class="icon-remove"></i>
    </button>
    <h2 translate>{{ reports_modal.kanban_label }} reports</h2>
</div>

<div class="modal-body">
    <h3 class="chart-title" translate>Cumulative flow chart</h3>
    <div ng-if="reports_modal.loading" class="loading"></div>
    <div class="params">
        <form>
            <label for="params-select">{{ 'Timeframe:' | translate }}
                <select
                        id="params-select"
                        ng-model="reports_modal.key_last_data"
                        ng-change="reports_modal.loadData()"
                >
                    <option value="last_seven_days" selected="selected" translate>Last 7 days</option>
                    <option value="last_month" translate>Last month</option>
                    <option value="last_three_months" translate>Last 3 months</option>
                    <option value="last_six_months" translate>Last 6 months</option>
                    <option value="last_year" translate>Last year</option>
                </select>
            </label>
        </form>
    </div>
    <div class="chart">
        <graph id="cumulative-chart"
               class="chart-content"
               ng-if="! reports_modal.loading"
               data="reports_modal.data"
        ></graph>
    </div>
</div>
